<template>
  <div>
      <section id="TopNav">
        <div id="top">
          <span id="return">&lt;</span>
          <div id="Toptext">全国战略合伙人招募</div>
          <i class="iconfont icon-share"></i>
        </div>
    </section>
    <div class="top"><img src="../../../public/001.jpg" alt=""></div>
    <div class="middle"><img src="../../../public/002.jpg" alt=""></div>
    <div class="center"><img src="../../../public/003.jpg" alt=""></div>
    <div class="bottom"><img src="../../../public/004.jpg" alt=""><img src="../../../public/005.jpg" alt=""></div>
    <div class="foot"><img src="../../../public/006.jpg" alt=""></div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
  @import url("http://at.alicdn.com/t/font_2798651_tbrlt98zy2h.css");
  #TopNav {
  width: 100%;
  height: 1rem;
  position: fixed;
  top: 0;
  background-color: rgb(254, 254, 254);
  }
  #top {
    position: relative;
  }
  #return {
    font-size: 0.3rem;
    position: absolute;
    top: 0.3rem;
    left: 4%;
  }
  #Toptext {
    text-align: center;
    line-height: 1rem;
    font-size: 0.3rem;
  }
  .icon-share {
    position: absolute;
    top: 0.35rem;
    left: 6.5rem;
  }


  /* top */
  .top{
    margin-top: 1rem;
    font-size: 0;
  }
  .top img{
    width: 100%;
  }
  .middle{
    font-size: 0;
  }
  .middle img{
    width: 100%;
  }
  .center{
    font-size: 0;
  }
  .center img{
    width: 100%;
  }
  .bottom{
    display: flex;
  }
  .bottom img{
    width: 50%;
  }
  .foot img{
    width: 100%;
  }
</style>